<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贰壹叁 - DSRBlog</title>

    <!--Favicon-->
    <link rel="icon" href="/public/icon/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/public/icon/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="/public/icon/title_icon.PNG" type="image/x-icon">

    <!--CSS-->
    <link rel="stylesheet" href="/public/css/common.css">
    <link rel="stylesheet" href="/public/css/ModeSwitch.css">
    <link rel="stylesheet" href="/public/css/mobileAdapation.css">
    <link rel="stylesheet" href="/public/css/blog.css">

    <!--JS-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/vue.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/form.js"></script>

    <script defer src="/public/js/info.js"></script>

    <!--MD5加密-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/md5.js"></script>

    <script defer src="/public/js/ModeSwitch.js"></script>
    <script defer src="/public/js/common.js"></script>
    <script defer src="/public/js/mobileAdapation.js"></script>
    <script defer src="/public/js/blog.js"></script>

    <script src="//dsr-inc_0.gitee.io/dsrblog/js/jquery_backgroundcolor.js"></script>

    <!--QMPlayer-->
    <script defer src="/public/js/QMPlayer.js"></script>

    <!--QMPlayer API-->
    <script src="//dsr-inc_0.gitee.io/dsrblog/js/QMPlayer_API.js"></script>

    <!--Dayjs-->
    <script src="//unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
    <script src="//unpkg.com/dayjs@1.8.21/locale/zh-cn.js"></script>
    <script src="//unpkg.com/dayjs@1.8.21/plugin/customParseFormat.js"></script>

    <!--图标库-->
    <link rel="stylesheet" href="/public/FA5Pro/css/all.min.css">

</head>

<body onload="initializeRange(),iframeload(),loadmyinfo(),love(),displayTags()">
    <div id="darkMode" :class="isLight?'Light':'Dark'">
        <div id="mainbox">
            <!--导航栏-->
            <header class="ModeBG text-select">
                <div id="options">
                    <a href="/" target="_self" id="logo">DSRBLOG</a>
                    <div class="ops">
                        <tr>
                            <td>
                                <a id="homepage" class="math" onclick="pageclick(this)">首页<div></div></a>
                            </td>
                            <td>
                                <a id="notes" class="math" onclick="pageclick(this),displayTags()">笔记<div></div></a>
                            </td>
                            <td>
                                <a id="dynamic" class="math" onclick="pageclick(this)">动态<div></div></a>
                            </td>
                            <td>
                                <a id="friend" class="math" onclick="pageclick(this)">友链<div></div></a>
                            </td>
                        </tr>
                    </div>
                    <!--模式切换按钮-->
                    <div id="Switchbox">
                        <i class="modeSwitch far fa-adjust" type="button"></i>
                    </div>
                    <!--友链申请按钮-->
                    <a id="ApplyBtn" onclick="openForm()">添加友链</a>
                </div>
            </header>

            <!--居中盒子-->
            <div id="centerbox">
                <!--iframe内容-->
                <!-- <iframe src="" id="" class="iframe" frameborder="0" scrolling="no" allowtransparency="true"></iframe>-->

                <!--侧边栏-->
                <div id="sidebox">
                    <!--头像、ID、Slogan-->
                    <div id="info" class="ModeBG text-select">
                        <img src=" " class="myPortrait">
                        <p id="ID" class="myID">this is my id</p>
                        <p id="slogan">
                            this is my slogan
                        </p>
                    </div>
                    <!--其他平台链接-->
                    <div id="url" class="ModeBG text-select">
                        <div class="ops">
                            <tr>
                                <td>
                                    <a href="https://space.bilibili.com/12778581" target="_blank"
                                        class="fas fa-tv-retro"></a>
                                </td>
                                <td>
                                    <a href="https://gitee.com/DSR-Inc_0" target="_blank" class="fab fa-git"></a>
                                </td>
                                <td>
                                    <a href="https://steamcommunity.com/id/DSR213/" target="_blank"
                                        class="fab fa-steam"></a>
                                </td>
                            </tr>
                        </div>
                    </div>
                    <!--音乐控制-->
                    <div id="controls" class="ModeBG">
                        <!--上一曲-->
                        <i id="playPrev" class="controlsicon fa fa-backward" onclick="playPrev()"></i>
                        <!--播放/暂停-->
                        <i id="toggle" class="controlsicon fa fa-play" onclick="toggle()"></i>
                        <!--下一曲-->
                        <i id="playNext" class="controlsicon fa fa-backward fa-flip-horizontal"
                            onclick="playNext()"></i>
                        <!--音量滑块-->
                        <div id="volumeSet">
                            <i id="volumeMin" class="volumeIcon fa fa-volume-down" onclick="VolumeMin()"></i>
                            <input id="volumeRange" oninput="VolumeSet()" type="range" min="0" max="100" step="10"
                                value="50">
                            <i id="volumeMax" class="volumeIcon fa fa-volume" onclick="VolumeMax()"></i>
                        </div>
                    </div>
                    <div id="notestag" class="ModeBG  text-select">
                        <!--笔记标签-->
                        
                    </div>
                </div>


                <!--备案信息-->
                <footer>
                    <div id="indexrecord">
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44130202001057"
                            target="_blank" class="record">
                            <img src="https://gitee.com/DSR-Inc_0/dsrblog/raw/master/ForTheRecordIcon.png">
                            <p>粤公网安备 44130202001057号</p>
                        </a>
                        <p class="record space">|</p>
                        <a href="https://beian.miit.gov.cn/" target="_blank" class="record">粤ICP备2021164399号</a>
                        <p class="space version">|</p>
                        <p class="version">blogversion</p>
                    </div>
                </footer>
            </div>
        </div>



        <!--友链申请页面-->
        <div id="Apply">
            <div id="FriendForm">
                <!--表单信息二次确认-->
                <div id="confirm">
                    <p id="msgconfirm">信息确认</p>
                    <div id="msgpreview">
                        <img>
                        <p id="friendid"></p>
                        <p id="friendslogan"></p>
                        <div class="friendBtn">
                            <a target="_blank">前往</a>
                        </div>
                    </div>
                    <div id="agreement">
                        <p>一、请确认以上信息填写无误，并确认您填写的信息与博客不含任何违法违规或政治敏感内容；</p>
                        <p>二、请牢记您填写的邮箱与密码，若未来您的友链信息发生变更，可随时凭借邮箱与密码进行修改；</p>
                        <p>三、请确认您已知悉本页面所有内容并对您填写的信息及博客内容负责；</p>
                        <p>四、您的友链将在本人确认您将以下信息添加到您的博客，且您填写的信息与博客内容符合要求后进行显示。</p>
                        <p>我的昵称：<i class="myID"></i></p>
                        <p>个性签名：<i class="mySlogan"></i></p>
                        <p>博客地址：<i class="myUrl"></i></p>
                        <p>头像地址：<i class="mySrc"></i></p>
                    </div>
                    <!--友链协议-->
                    <div id="msgcheck">
                        <div id="checkclick" onclick="checked()"></div>
                        <input type="checkbox" name="check" id="check" onfocus="checked()">
                        <p class="text-select">我已知悉以上内容</p>
                    </div>
                    <p id="checkerror" class="errormsg text-select">! ! !请勾选以上选项! ! !</p>
                    <ul>
                        <li>
                            <a id="formback" class="confirmBtn text-select" onclick="back()">返回</a>
                        </li>
                        <li>
                            <a id="formconfirm" class="confirmBtn text-select" onclick="enter()">确认</a>
                        </li>
                    </ul>
                </div>
                <p id="closeForm" class="fa fa-plus" onclick="closeForm()"></p>
                <!--表单类型切换-->
                <div id="switchForm">
                    <a id="Add" class="select" onclick="switchForm(this)">添加</a>
                    <a id="Modify" onclick="switchForm(this)">修改</a>
                </div>

                <!--信息栏-->
                <div id="msgwindow">
                    <div id="msgbox">
                        <!--添加友链-->
                        <div id="Addbox">
                            <form action="/FriendAdd" method="post" id="AddForm">
                                <table>
                                    <!--个人信息栏-->
                                    <tr>
                                        <td>
                                            <label for="id">昵称：</label>
                                        </td>
                                        <td>

                                            <label for="email">邮箱：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="text" name="id" id="id" placeholder="请输入不包含特殊符号的用户名">
                                        </td>
                                        <td>
                                            <input type="email" name="email" id="email" placeholder="请留下邮箱以便我联系您">
                                        </td>
                                    </tr>

                                    <!--密码栏-->
                                    <tr>
                                        <td>
                                            <label for="password">设置密码：</label>
                                        </td>
                                        <td>
                                            <label for="repeat">重复密码：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="password" name="password" id="password" maxlength="32"
                                                placeholder="6-24位只包含数字与字母的密码">
                                        </td>
                                        <td>
                                            <input type="password" name="repeat" id="repeat" maxlength="32"
                                                placeholder="请重复密码">
                                        </td>
                                    </tr>

                                    <!--个性签名栏-->
                                    <tr>
                                        <td colspan="2">
                                            <label for="signature">个性签名(非必填)：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <input type="text" name="slogan" id="signature" maxlength="64">
                                        </td>
                                    </tr>

                                    <!--头像地址栏-->
                                    <tr>
                                        <td colspan="2">
                                            <label for="imgsrc">头像地址：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <input type="text" name="imgsrc" id="imgsrc"
                                                placeholder="例：//localhost/public/img/Head_Portrait.png">
                                        </td>
                                    </tr>

                                    <!--博客地址栏-->
                                    <tr>
                                        <td colspan="2">
                                            <label for="blogurl">博客地址：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <input type="text" name="blogurl" id="blogurl" placeholder="例：//localhost">
                                        </td>
                                    </tr>
                                </table>
                                <input type="button" value="确认提交" onclick="confirm('Add')" class="SubmitBtn">
                            </form>
                        </div>
                        <!--修改友链-->
                        <div id="Modifybox">
                            <form action="/FriendModify" method="post" id="ModifyForm">
                                <table>
                                    <!--信息验证栏-->
                                    <tr>
                                        <td>
                                            <label for="email">邮箱：</label>
                                        </td>
                                        <td>
                                            <label for="password">密码：</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="email" name="email" id="email_modify" placeholder="请输入预留邮箱">
                                        </td>
                                        <td>
                                            <input type="password" name="password" id="password_modify" maxlength="32"
                                                placeholder="请输入设置的密码">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            <div id="verifybox">
                                                <input id="verify" type="button" value="验证" onclick="modifyConfirm()">
                                            </div>
                                        </td>
                                    </tr>

                                    <!--昵称、签名栏-->
                                    <tr>
                                        <td>
                                            <label for="id">昵称：</label>
                                        </td>
                                        <td>
                                            <label for="signature">个性签名(非必填)：</label>
                                        </td>
                                    </tr>
                                    <tr class="modifylock">
                                        <td>
                                            <input type="text" name="id" id="id_modify" disabled="disabled">
                                        </td>
                                        <td>
                                            <input type="text" name="slogan" id="signature_modify" maxlength="64"
                                                disabled="disabled">
                                        </td>
                                    </tr>

                                    <!--头像地址栏-->
                                    <tr>
                                        <td colspan="2">
                                            <label for="imgsrc">头像地址：</label>
                                        </td>
                                    </tr>
                                    <tr class="modifylock">
                                        <td colspan="2">
                                            <input type="text" name="imgsrc" id="imgsrc_modify" disabled="disabled">
                                        </td>
                                    </tr>

                                    <!--博客地址栏-->
                                    <tr>
                                        <td colspan="2">
                                            <label for="blogurl">博客地址：</label>
                                        </td>
                                    </tr>
                                    <tr class="modifylock">
                                        <td colspan="2">
                                            <input type="text" name="blogurl" id="blogurl_modify" disabled="disabled">
                                        </td>
                                    </tr>
                                </table>
                                <input type="button" value="确认提交" onclick="confirm('Modify')" class="SubmitBtn">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>